*{
    padding:0;
    margin: 0;
}
.clearfix:before,
.clearfix:after{
    clear: both;
    display: block;
    content: "";
}
.container{
    width: 1113px;
    margin: auto;
}
header{
    height: 237px;
    background: #e9ecef;
    text-align: center;
    padding-top:62px;
    margin-bottom: 33px;
}
h1{
    font:48px 微软雅黑;

}
p{
    color: #212529;
}
.left{
    float: left;
}
.left .btn-primary,.left .btn-light{
    width: 127px;
    height: 39px;
    font-size: 16px;
    border:1px solid #6c757d;
}
.left .btn-primary{
    background: #5aaaff;
    color: #fff;
    border:none;
    border-top-left-radius:3px ;
    border-bottom-left-radius: 3px ;
}
.left .btn-light{
    background: #fafbfc;
    color: #6f7275;
    border:none;
    border-top-right-radius:3px ;
    border-bottom-right-radius:3px ;
}
.zhong button{
    background: #6c757d;
    width: 255px;
    height: 38px;
    float: left;
    margin-left: 168px;
    margin-right: 165px;
    border:none;
    border-radius: 3px;
}
.right .btn-primary,.right .btn-light{
    width: 127px;
    height: 39px;
}
.btn-primary{
    background: #5aaaff;
}
.right .btn-primary{
    background: #5aaaff;
    color: #fff;
    border:none;
    border-top-left-radius:3px ;
    border-bottom-left-radius: 3px ;
    font-size: 16px;
}
.right .btn-light{
    background: #fafbfc;
    color: #6f7275;
    border:none;
    border-top-right-radius:3px ;
    border-bottom-right-radius:3px ;
    font-size: 16px;
}
.center .w{
    background: #e9ecef;
    border:1px solid #ced4da;
    width: 537px;
    height: 132px;
    border-radius: 3px;
}
.top{
    margin-bottom: 16px;
}
.center{
    margin-bottom: 16px;
}
.center .q{
    width: 539px;
    height: 132px;
    border:1px solid #ced4da;
    border-radius: 3px;
    margin: 0 22px 0 0;
}
.bottom button{
    width: 254px;
    height: 50px;
    background: #007bff;
    border:none;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
}

